// 能够独立使用函数完成react组件的创建和渲染

import React from "react";

/**
 * 函数组件
 * @returns {JSX.Element}
 * @constructor
 */
function Hello() {
    return <h1>hello react!</h1>;
}

/**
 * 类组件
 */
class Hello1 extends React.Component {
    render(){
        return <div>这是我的第一个类组件</div>
    }
}

function FunctionComponent() {
    return (
        <div className="FunctionComponent">
            {/*渲染函数组件*/}
            <Hello/>
            <Hello></Hello>

            {/*渲染类组件*/}
            <Hello1/>
            <Hello1></Hello1>
        </div>
    );
}

export default FunctionComponent;